@import "identity_provider";

@mixin lgn-idp-theme() {
  @include lgn-idp-color();
}

@mixin lgn-idp-color() {
  .lgn-idp {
    border-color: var(--zitadel-color-divider);
    color: var(--zitadel-color-text-500);

    &:hover {
      border-color: var(--zitadel-color-input-border-hover);
    }

    &:not([disabled]):active {
      border-color: var(--zitadel-color-input-border-active);
    }
  }

  .lgn-idp-providers {
    .lgn-idp-desc {
      color: var(--zitadel-color-label);
    }
  }
}

@mixin lgn-idp-elevation($zValue, $opacity: $lgn-elevation-opacity) {
  @include lgn-elevation($zValue, rgb(0, 0, 0), $opacity);
}
